<template>
	<div style="width: 100%">
		<div class="table-admin-container layout-padding w100">
			<el-card :body-style="{ display: 'flex', flexDirection: 'column', height: '100%', position: 'relative', overflow: 'hidden', padding: '0' }">
				<template #header>
					<div class="card-header">
						<div class="icon"><el-image src="/src/assets/clue.png" /></div>
						<div class="title">今日招商快讯</div>
					</div>
				</template>
				<div class="content">
					<li>
						<div class="list">
							<div class="drop-new"></div>
							<div class="topic">投资</div>
							<div class="title">总投资53亿元！江苏华晨光电显示科技项目开工活动在江苏省淮安市盱眙县举行！</div>
							<div class="time">2024-08-01 12:30</div>
							<div class="cl"></div>
						</div>
						<div class="description">
							<div class="address">
								据悉，江苏华晨光电显示科技项目由香港华特纳科技有限公司投资建设，计划总投资53亿元，主要从事高精密液晶显示屏加工生产。项目全部建成后，预计年实现开票销售120亿元、税收3亿元，可新增就业岗位500个...
							</div>
							<div class="more">查看详情</div>
						</div>
					</li>
					<li>
						<div class="list">
							<div class="drop-new"></div>
							<div class="topic">投资</div>
							<div class="title">总投资53亿元！江苏华晨光电显示科技项目开工活动在江苏省淮安市盱眙县举行！</div>
							<div class="time">2024-08-01 12:30</div>
							<div class="cl"></div>
						</div>
						<div class="description">
							<div class="address">
								据悉，江苏华晨光电显示科技项目由香港华特纳科技有限公司投资建设，计划总投资53亿元，主要从事高精密液晶显示屏加工生产。项目全部建成后，预计年实现开票销售120亿元、税收3亿元，可新增就业岗位500个...
							</div>
							<div class="more">查看详情</div>
						</div>
					</li>
					<li>
						<div class="list">
							<div class="drop-new"></div>
							<div class="topic">投资</div>
							<div class="title">总投资53亿元！江苏华晨光电显示科技项目开工活动在江苏省淮安市盱眙县举行！</div>
							<div class="time">2024-08-01 12:30</div>
							<div class="cl"></div>
						</div>
						<div class="description">
							<div class="address">
								据悉，江苏华晨光电显示科技项目由香港华特纳科技有限公司投资建设，计划总投资53亿元，主要从事高精密液晶显示屏加工生产。项目全部建成后，预计年实现开票销售120亿元、税收3亿元，可新增就业岗位500个...
							</div>
							<div class="more">查看详情</div>
						</div>
					</li>
					<li>
						<div class="list">
							<div class="drop-new"></div>
							<div class="topic">投资</div>
							<div class="title">总投资53亿元！江苏华晨光电显示科技项目开工活动在江苏省淮安市盱眙县举行！</div>
							<div class="time">2024-08-01 12:30</div>
							<div class="cl"></div>
						</div>
						<div class="description">
							<div class="address">
								据悉，江苏华晨光电显示科技项目由香港华特纳科技有限公司投资建设，计划总投资53亿元，主要从事高精密液晶显示屏加工生产。项目全部建成后，预计年实现开票销售120亿元、税收3亿元，可新增就业岗位500个...
							</div>
							<div class="more">查看详情</div>
						</div>
					</li>
					<li>
						<div class="list">
							<div class="drop-new"></div>
							<div class="topic">投资</div>
							<div class="title">总投资53亿元！江苏华晨光电显示科技项目开工活动在江苏省淮安市盱眙县举行！</div>
							<div class="time">2024-08-01 12:30</div>
							<div class="cl"></div>
						</div>
						<div class="description">
							<div class="address">
								据悉，江苏华晨光电显示科技项目由香港华特纳科技有限公司投资建设，计划总投资53亿元，主要从事高精密液晶显示屏加工生产。项目全部建成后，预计年实现开票销售120亿元、税收3亿元，可新增就业岗位500个...
							</div>
							<div class="more">查看详情</div>
						</div>
					</li>
					<li>
						<div class="list">
							<div class="drop-new"></div>
							<div class="topic">投资</div>
							<div class="title">总投资53亿元！江苏华晨光电显示科技项目开工活动在江苏省淮安市盱眙县举行！</div>
							<div class="time">2024-08-01 12:30</div>
							<div class="cl"></div>
						</div>
						<div class="description">
							<div class="address">
								据悉，江苏华晨光电显示科技项目由香港华特纳科技有限公司投资建设，计划总投资53亿元，主要从事高精密液晶显示屏加工生产。项目全部建成后，预计年实现开票销售120亿元、税收3亿元，可新增就业岗位500个...
							</div>
							<div class="more">查看详情</div>
						</div>
					</li>
					<li>
						<div class="list">
							<div class="drop-new"></div>
							<div class="topic">投资</div>
							<div class="title">总投资53亿元！江苏华晨光电显示科技项目开工活动在江苏省淮安市盱眙县举行！</div>
							<div class="time">2024-08-01 12:30</div>
							<div class="cl"></div>
						</div>
						<div class="description">
							<div class="address">
								据悉，江苏华晨光电显示科技项目由香港华特纳科技有限公司投资建设，计划总投资53亿元，主要从事高精密液晶显示屏加工生产。项目全部建成后，预计年实现开票销售120亿元、税收3亿元，可新增就业岗位500个...
							</div>
							<div class="more">查看详情</div>
						</div>
					</li>
					<li>
						<div class="list">
							<div class="drop-new"></div>
							<div class="topic">投资</div>
							<div class="title">总投资53亿元！江苏华晨光电显示科技项目开工活动在江苏省淮安市盱眙县举行！</div>
							<div class="time">2024-08-01 12:30</div>
							<div class="cl"></div>
						</div>
						<div class="description">
							<div class="address">
								据悉，江苏华晨光电显示科技项目由香港华特纳科技有限公司投资建设，计划总投资53亿元，主要从事高精密液晶显示屏加工生产。项目全部建成后，预计年实现开票销售120亿元、税收3亿元，可新增就业岗位500个...
							</div>
							<div class="more">查看详情</div>
						</div>
					</li>
					<li>
						<div class="list">
							<div class="drop-new"></div>
							<div class="topic">投资</div>
							<div class="title">总投资53亿元！江苏华晨光电显示科技项目开工活动在江苏省淮安市盱眙县举行！</div>
							<div class="time">2024-08-01 12:30</div>
							<div class="cl"></div>
						</div>
						<div class="description">
							<div class="address">
								据悉，江苏华晨光电显示科技项目由香港华特纳科技有限公司投资建设，计划总投资53亿元，主要从事高精密液晶显示屏加工生产。项目全部建成后，预计年实现开票销售120亿元、税收3亿元，可新增就业岗位500个...
							</div>
							<div class="more">查看详情</div>
						</div>
					</li>
				</div>
			</el-card>
		</div>
	</div>
</template>

<script setup lang="ts" name="cgauctionLists">
import { defineAsyncComponent, reactive, ref, onMounted } from 'vue';
import { Plus, Search, Place, Position, Upload } from '@element-plus/icons-vue';
</script>

<style scoped lang="scss">
.content {
	li:hover {
		background-color: rgba(24, 144, 255, 0.1);
	}
	li {
		list-style: none;
		height: auto;
		line-height: 30px;
		padding: 10px 0px 20px 20px;
		.list {
			height: 30px;
			.drop-new {
				background-color: #efa151;
				float: left;
				width: 8px;
				height: 8px;
				border-radius: 3px;
				margin-top: 11px;
			}
			.topic {
				height: 22px;
				background: linear-gradient(140deg, #ff3334, #fe7527);
				border-radius: 0px 6px 0px 6px;
				float: left;
				color: #fff;
				text-align: center;
				line-height: 22px;
				font-size: 14px;
				margin-left: 15px;
				padding: 0 8px;
				margin-top: 4px;
			}
			.title {
				height: 17px;
				font-weight: 400;
				font-size: 16px;
				color: #000000;
				float: left;
				margin-left: 10px;
			}
			.time {
				color: #999999;
				float: right;
				padding-right: 20px;
			}
		}
		.description {
			height: 20px;
			color: #999999;
			margin-left: 10px;
			.address {
				float: left;
				margin-left: 10px;
			}
			.more {
				float: left;
				margin-left: 10px;
				font-weight: 400;
				font-size: 14px;
				color: #1890ff;
			}
		}
	}
}
.card-header {
	height: 35px;
	.icon {
		float: left;
		margin-right: 15px;
	}
	.title {
		font-size: 22px;
		color: #010101;
		float: left;
	}
	.remind {
		height: 16px;
		background: #ff0000;
		border-radius: 6px 6px 6px 0px;
		float: left;
		color: #ffff;
		margin-left: 10px;
		text-align: center;
		padding: 0px 5px;
		font-size: 12px;
	}
	.more {
		background-image: url('/src/assets/more.png');
		width: 16px;
		height: 14px;
		float: right;
		margin-top: 10px;
		background-size: 100% 100%;
	}
}
.cl {
	clear: both;
}
</style>
